$(function () {

  // 月报表 页面打开
  // $(".monthlyReport-pop").addClass("is-visible3");
  $('.monthlyReportBtn').on('click', function (
    event
  ) {
    event.preventDefault();
    $('.monthlyReport-pop').addClass('is-visible3');
    $('#monthlyReportModal .belongRegionSearch select').val('all');
    var month = moment().format("YYYY-MM");
    $("#monthlyReportSearch").val(month);
    // hiddenDangerCanvasShow('全部');
    reportVisualizationFn('', month);
    // 隐患列表
    // monthlyReportPageList(1, '全部');
    monthlyReportFn('', month);
    $("#monthlyReportSearch").simpleCanleder();
  });

  // 月报表 页面 关闭
  $('.monthlyReport-pop').on('click', function (event) {
    if (
      $(event.target).is('.cd-popup-close') ||
      $(event.target).is('.monthlyReport-pop')
    ) {
      event.preventDefault();
      $(this).removeClass('is-visible3');
    }
  });
  $('#monthlyReportSearchBtn').on('click', function () {
    var selectbelongRegion = $('#monthlyReportModal .selectbelongRegion').val();
    var time = $('#monthlyReportSearch').val();
    if (selectbelongRegion == 'all') {
      selectbelongRegion = '';
    }
    // 隐患项统计
    reportVisualizationFn(selectbelongRegion, time);
    // 月报表隐患数据渲染
    monthlyReportFn(selectbelongRegion, time);
  });
  // 月报表社区筛选
  // $('#monthlyReportModal .selectbelongRegion').change(function () {
  //   console.log($(this).val());
  //   var selectbelongRegion = $(this).val();
  //   if (selectbelongRegion == 'all') {
  //     selectbelongRegion = '';
  //   }
  //   // 隐患项统计
  //   reportVisualizationFn(selectbelongRegion);
  //   // 月报表隐患数据渲染
  //   monthlyReportFn(selectbelongRegion);
  // });
  // 月报表隐患数据渲染
  function monthlyReportFn(selectbelongRegion, time) {
    var obj = {};
    obj.dateStr = time;
    obj.belongRegion = selectbelongRegion;
    obj.communityName = '';
    var ret = getBuildingColumns(obj);
    ret
      .then(function (data) {
        var data = data.data;
        console.log(data);
        var time = moment().format('YYYY-MM');
        var time1 = moment().subtract(1, "months").format("YYYY-MM")
        if (!data) {
          tipModalFunc('暂无数据!');
          $('#monthlyReportModal .tbodyList').html('');
          $('#hiddenDangerCanvas').hide();
          $('#monthlyReportModal .totalHiddenTroublNumBox').hide();
          return;
          // data = [
          //   [{
          //       name: time1,
          //       data: [
          //         0,
          //         0,
          //         0
          //       ]
          //     },
          //     {
          //       name: time,
          //       data: [
          //         0,
          //         0,
          //         0
          //       ]
          //     }
          //   ],
          //   [{
          //       name: time1,
          //       data: [
          //         "0",
          //         "0",
          //         "0",
          //         "0",
          //         "0%"
          //       ]
          //     },
          //     {
          //       name: time,
          //       data: [
          //         "0",
          //         "0",
          //         "0",
          //         "0",
          //         "0%"
          //       ]
          //     }
          //   ]
          // ]
        }
        $('#hiddenDangerCanvas').show();
        $('#monthlyReportModal .totalHiddenTroublNumBox').show();
        // 隐患柱状图
        hiddenDangerCanvasFn(data[0]);
        // 隐患列表
        $('#monthlyReportModal .tbodyList').html('');
        _.forEach(data[1], function (val, index, key) {
          var str = '<tr><td>';
          str += index + 1 + '</td><td>';
          str += val.name + '</td>';
          _.forEach(val.data, function (val, index, key) {
            str += '<td>' + val + '</td>';
          })
          str += '</tr>';
          $('#monthlyReportModal .tbodyList').append(str);
        })

      })
      .catch(function (err) {
        console.log(err);
      });


  }

  // 隐患统计柱状图
  function hiddenDangerCanvasFn(data) {
    var hiddenDangerCanvas = echarts.init(
      document.getElementById('hiddenDangerCanvas')
    );
    console.log(data);

    var time = [];
    for (var i = 0; i < data.length; i++) {
      data[i].type = 'bar';
      data[i].barWidth = 15;
      // 柱状图数值
      // data[i].label = {
      //   normal: {
      //     show: true,
      //     position: 'right'
      //   }
      // };
      time.push(data[i].name);
    }
    option = {
      color: ['#ffca5a', '#2d96b3'],
      tooltip: {
        trigger: 'axis',
        axisPointer: {
          type: 'shadow'
        },
        textStyle: {
          align: 'left'
        },
        show: true
      },
      legend: {
        data: time,
        textStyle: {
          color: '#fff'
        },
        itemGap: 20,
        x: '60%'
      },
      grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
      },
      xAxis: {
        type: 'value',
        minInterval: 1,
        boundaryGap: [0, 1],
        axisLine: {
          lineStyle: {
            color: '#fff',
            width: 2
          }
        },
      },
      yAxis: {
        type: 'category',
        data: ['巡查次数', '遗留隐患数量', '已解决隐患数量'],
        axisLine: {
          lineStyle: {
            color: '#fff',
            width: 2
          }
        }
      },
      series: [data[0], data[1]]
      // series: [{data:data[0]}, {data:data[1]}]
      // itemStyle: {
      //   normal: {
      //     label: {
      //       show: true, //开启显示
      //       position: 'top', //在上方显示
      //       textStyle: { //数值样式
      //         color: 'black',
      //         fontSize: 16
      //       }
      //     }
      //   }
      // }
    };

    hiddenDangerCanvas.setOption(option);
  }

  // 本月检查隐患汇总
  function reportVisualizationFn(selectbelongRegion, time) {
    $.ajax({
      //   /building/getFloorHiddenDangerGraphicByOrgId
      url: '/building/getPieChart?belongRegion=' + selectbelongRegion + '&communityName=&dateStr=' + time,
      type: 'GET',
      async: false,
      success: function (res) {
        console.log(res);
        var data = res.data;
        if (res.status == 200) {
          $('#monthlyReportModal .headListCenter').show();
          var reportVisualizationCanvas = echarts.init(
            document.getElementById('reportVisualizationCanvas')
          );
          if (!data) {
            tipModalFunc('暂无数据!');
            $('#reportVisualizationCanvas').hide();
            return;
            // data = [{
            //     name: "防火门管理	",
            //     value: "0"
            //   },
            //   {
            //     name: "安全出口及疏通通道的管理",
            //     value: "0"
            //   },
            //   {
            //     name: "消防设施的维护保养	",
            //     value: "0"
            //   },
            //   {
            //     name: "电力系统的保养	",
            //     value: "0"
            //   },
            //   {
            //     name: "消防车道和消防登高	场所的维护管理",
            //     value: "0"
            //   },
            //   {
            //     name: "其他",
            //     value: "0"
            //   }
            // ]
          }
          $('#reportVisualizationCanvas').show();
          var data1 = data;
          var data2 = [];
          var data3 = data1;
          var dataNum = 0;
          for (var i = 0; i < data3.length; i++) {
            dataNum += +data3[i].value;
          }
          for (var i = 0; i < data1.length; i++) {
            data2.push(data1[i].name);
          }
          $('#monthlyReportModal .headListRight .totalHiddenTroublNumBox p')
            .eq(0)
            .text(dataNum);
          var option = {
            color: [
              '#0096ff',
              '#8fff58',
              '#ff8b2e',
              '#ff3d3d',
              '#7e00ff',
              '#00d8ff'
            ],
            tooltip: {
              trigger: 'item',
              formatter: '{a} <br/>{b}: {c} ({d}%)',
              show: false
            },
            legend: {
              x: '64%',
              y: 'center',
              textStyle: {
                color: '#fff'
              },
              data: data2
            },
            series: [{
              name: '隐患汇总',
              type: 'pie',
              radius: ['40%', '50%'],
              label: {
                normal: {
                  formatter: '{d}%  ',
                  backgroundColor: 'RGBA(61, 84, 105, 0.9)',
                  borderWidth: 1,
                  borderRadius: 4,
                  rich: {
                    a: {
                      color: '#999',
                      lineHeight: 22,
                      align: 'center'
                    },
                    b: {
                      fontSize: 16,
                      lineHeight: 33
                    }
                  }
                }
              },
              center: ['30%', '50%'],
              data: data1
            }]
          };

          // 使用制定的配置项和数据显示图表
          reportVisualizationCanvas.setOption(option);
        }
      },
      error: function (res) {
        console.log(res);
      }
    });
  }

  // 隐患列表分页
  // function monthlyReportPageFunc(pageSum, startPageNum) {
  //   console.log(pageSum);
  //   if (pageSum <= 1) {
  //     $('#monthlyReportPageBox .pageJump').hide();
  //   } else {
  //     $('#monthlyReportPageBox .pageJump').show();
  //   }
  //   Page({
  //     num: pageSum, //页码数
  //     startnum: startPageNum, //指定页码
  //     elem: $('#monthlyReportPage'), //指定的元素
  //     callback: function (n) {
  //       //回调函数
  //       monthlyReportNumCurr = n;
  //       monthlyReportPageList(n);
  //       // 当翻到下一页时 清除掉 全选按钮的 选中状态
  //       $('#monthlyReportTableSelectAll').prop('checked', false);
  //     }
  //   });
  // }
});